html, body {
    background: #666;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: auto; /* when page gets too small for container min-width/height */
}

#container {
    background: #999;
    min-height: 300px;
    min-width: 600px;
    position: absolute;
    top: 50px; /* margins in pixels */
    bottom: 50px; /* could also use a percent */
    left: 50px;
    right: 50px;
}

.pane {
    display: none; /* will appear when layout inits */
}

#map {
    float: left;
    width: 100%;
    height: 100%;
}

#message {
    font-size: 9;
    position: absolute;
    padding: 8px;
    background: #555;
    color: #fff;
    width: 75px;
}

#list {
    float: left;
    width: 200px;
    background: #eee;
    list-style: none;
    padding: 0;
}

#list li {
    padding: 10px;
}

#list li:hover {
    background: #555;
    color: #fff;
    cursor: pointer;
    cursor: hand;
}